<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=GB2312">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
  <style type="text/css">
    /* min-width */
    @media screen and (max-width: 600px) { .par {font-size: 40px; color: green;} .par_ti {font-size: 40px; color: black;}}
    /* min-width & max-width */
    @media screen and (min-width: 600px) and (max-width: 900px) { .par {font-size: 50px; color: green;} .par_ti {font-size: 50px; color: black;}}
    /* max-width */
    @media screen and (min-width: 900px) { .par {font-size: 60px; color: green;} .par_ti {font-size: 60px; color: black;}}
  </style>
  <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/hanzi-writer@3.0/dist/hanzi-writer.min.js"></script>
  <script>
  //var timer; //计时变量。
  //var t_show; //计时变量。
  //function clear_timer(){ clearTimeout(timer); }; // 翻页时清除计时器

  $(document).ready(function(){
  // 强制要求输入用户序号
  var myindex="";  // 用户序号
  while(myindex == ""){
  myindex=prompt("请输入您的序号：");
  if(myindex === null){myindex = "";};
  var temp_index = myindex.replace(/\s/g, "");
  if(/^[0-9]+$/.test(temp_index)){myindex = temp_index}else{myindex = "";};
  };
  // 强制要求输入用户名
  var myname="";  // 用户名
  while(myname == ""){
  myname=prompt("请输入您的名字（2-4个字）：");
  if(myname === null){myname = "";};
  var temp_name = myname.replace(/\s/g, "");
  if(temp_name.length < 2 || temp_name.length > 4){myname = "";};
  };
  // 隐藏所有显示答案
  $("button.show_answer").parent().hide();
  // 全局变量
  var start_time = new Date();  // 使用的开始时间
  //var valid_click = 0;    // 有效点击的次数
  //var neutral_click = 0;    // 中性点击（答案出示太快）的次数
  //var invalid_click = 0;    // 无效点击（没有核对答案）的次数
  var max_internal_time=0;   //两个点击间隔的最大时间长度
  var start_practice_time = new Date();
  var select_unit = [];
  //var each_maxtime=7000; //每个项目测试的时间；测试时超过该时间，该次测试被判定为不合格。
  var pass_time=1;  // 如果每个项目得到这个分数，则通过测试。
  var score=0;      //练习分数。
  var practice_score = 0; //练习分数，用于测试时存放。
  var test_score = 0; // 测试分数。
  var res = "";     // 问题
  var pre_res = ""; // 上一个问题
  var answer = "";  // 答案
  //var res_mid_time = 0;  // 答题时间中点；
  //var res_end_time = 0;  // 答题结束时间；

  // 测试项目：
  // 第1关
  /// 单元测试和分数变量
  var zi_unit_1 = [["qí guān", "奇观"], ["nóng lì", "农历"], ["jù shuō", "据说"], ["kuān kuò", "宽阔"], ["rén shān rén hǎi", "人山人海"]];
  var zi_unit_1_1 = [].concat(zi_unit_1);
  var point_unit_1 = {};
  for(var k=0; k < zi_unit_1.length; k++){ 
    point_unit_1[zi_unit_1[k][0]]=0;
    };
  /// 汇总测试和分数变量
    var zi_unit_1_2 = zi_unit_1;
    var point_unit_1_2 = {};
  for(var k=0; k < zi_unit_1_2.length; k++){
    point_unit_1_2[zi_unit_1_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_1").click(function(){practice(zi_unit_1,point_unit_1,"par_unit_1");});
  $("#btn_unit_1_2").click(function(){practice(zi_unit_1_2,point_unit_1_2,"par_unit_1");});
  // 第2关
  /// 单元测试和分数变量
  var zi_unit_2 = [["gǔn dòng", "滚动"], ["dùn shí", "顿时"], ["zhú jiàn", "逐渐"], ["yóu rú", "犹如"], ["qí tóu bìng jìn", "齐头并进"]];
  var zi_unit_2_1 = [].concat(zi_unit_2);
  var point_unit_2 = {};
  for(var k=0; k < zi_unit_2.length; k++){ 
    point_unit_2[zi_unit_2[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_2_2 = zi_unit_2.concat(zi_unit_1_2);
    var point_unit_2_2 = {};
  for(var k=0; k < zi_unit_2_2.length; k++){
    point_unit_2_2[zi_unit_2_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_2").click(function(){practice(zi_unit_2,point_unit_2,"par_unit_2");});
  $("#btn_unit_2_2").click(function(){practice(zi_unit_2_2,point_unit_2_2,"par_unit_2");});
  // 第3关
  /// 单元测试和分数变量
  var zi_unit_3 = [["shān bēng dì liè", "山崩地裂"], ["shà shí", "霎时"], ["yú bō", "余波"], ["yī jiù", "依旧"], ["róu hé", "柔和"]];
  var zi_unit_3_1 = [].concat(zi_unit_3);
  var point_unit_3 = {};
  for(var k=0; k < zi_unit_3.length; k++){ 
    point_unit_3[zi_unit_3[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_3_2 = zi_unit_3.concat(zi_unit_2_2);
    var point_unit_3_2 = {};
  for(var k=0; k < zi_unit_3_2.length; k++){
    point_unit_3_2[zi_unit_3_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_3").click(function(){practice(zi_unit_3,point_unit_3,"par_unit_3");});
  $("#btn_unit_3_2").click(function(){practice(zi_unit_3_2,point_unit_3_2,"par_unit_3");});
  // 第4关
  /// 单元测试和分数变量
  var zi_unit_4 = [["é luǎn shí", "鹅卵石"], ["hé chuáng", "河床"], ["xīn xiān", "新鲜"], ["xiū bǔ", "修补"], ["kēng kēng wā wā", "坑坑洼洼"]];
  var zi_unit_4_1 = [].concat(zi_unit_4);
  var point_unit_4 = {};
  for(var k=0; k < zi_unit_4.length; k++){ 
    point_unit_4[zi_unit_4[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_4_2 = zi_unit_4.concat(zi_unit_3_2);
    var point_unit_4_2 = {};
  for(var k=0; k < zi_unit_4_2.length; k++){
    point_unit_4_2[zi_unit_4_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_4").click(function(){practice(zi_unit_4,point_unit_4,"par_unit_4");});
  $("#btn_unit_4_2").click(function(){practice(zi_unit_4_2,point_unit_4_2,"par_unit_4");});
  // 第5关
  /// 单元测试和分数变量
  var zi_unit_5 = [["zhuāng jià", "庄稼"], ["fēng sú", "风俗"], ["pú táo", "葡萄"], ["mǎn yì", "满意"], ["shuǐ dào", "水稻"]];
  var zi_unit_5_1 = [].concat(zi_unit_5);
  var point_unit_5 = {};
  for(var k=0; k < zi_unit_5.length; k++){ 
    point_unit_5[zi_unit_5[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_5_2 = zi_unit_5.concat(zi_unit_4_2);
    var point_unit_5_2 = {};
  for(var k=0; k < zi_unit_5_2.length; k++){
    point_unit_5_2[zi_unit_5_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_5").click(function(){practice(zi_unit_5,point_unit_5,"par_unit_5");});
  $("#btn_unit_5_2").click(function(){practice(zi_unit_5_2,point_unit_5_2,"par_unit_5");});
  // 第6关
  /// 单元测试和分数变量
  var zi_unit_6 = [["chéng shú", "成熟"], ["zhāo dài", "招待"], ["chuán shuō", "传说"], ["wān dòu", "豌豆"], ["àn zhào", "按照"]];
  var zi_unit_6_1 = [].concat(zi_unit_6);
  var point_unit_6 = {};
  for(var k=0; k < zi_unit_6.length; k++){ 
    point_unit_6[zi_unit_6[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_6_2 = zi_unit_6.concat(zi_unit_5_2);
    var point_unit_6_2 = {};
  for(var k=0; k < zi_unit_6_2.length; k++){
    point_unit_6_2[zi_unit_6_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_6").click(function(){practice(zi_unit_6,point_unit_6,"par_unit_6");});
  $("#btn_unit_6_2").click(function(){practice(zi_unit_6_2,point_unit_6_2,"par_unit_6");});
  // 第7关
  /// 单元测试和分数变量
  var zi_unit_7 = [["nuǎn yáng yáng", "暖洋洋"], ["shū shì", "舒适"], ["hēi àn", "黑暗"], ["kǒng pà", "恐怕"], ["jiāng yìng", "僵硬"]];
  var zi_unit_7_1 = [].concat(zi_unit_7);
  var point_unit_7 = {};
  for(var k=0; k < zi_unit_7.length; k++){ 
    point_unit_7[zi_unit_7[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_7_2 = zi_unit_7.concat(zi_unit_6_2);
    var point_unit_7_2 = {};
  for(var k=0; k < zi_unit_7_2.length; k++){
    point_unit_7_2[zi_unit_7_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_7").click(function(){practice(zi_unit_7,point_unit_7,"par_unit_7");});
  $("#btn_unit_7_2").click(function(){practice(zi_unit_7_2,point_unit_7_2,"par_unit_7");});
  // 第8关
  /// 单元测试和分数变量
  var zi_unit_8 = [["fēng mǎn", "丰满"], ["děng dài", "等待"], ["qiáng zhuàng", "强壮"], ["xū ruò", "虚弱"], ["nài xīn", "耐心"]];
  var zi_unit_8_1 = [].concat(zi_unit_8);
  var point_unit_8 = {};
  for(var k=0; k < zi_unit_8.length; k++){ 
    point_unit_8[zi_unit_8[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_8_2 = zi_unit_8.concat(zi_unit_7_2);
    var point_unit_8_2 = {};
  for(var k=0; k < zi_unit_8_2.length; k++){
    point_unit_8_2[zi_unit_8_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_8").click(function(){practice(zi_unit_8,point_unit_8,"par_unit_8");});
  $("#btn_unit_8_2").click(function(){practice(zi_unit_8_2,point_unit_8_2,"par_unit_8");});
  // 第9关
  /// 单元测试和分数变量
  var zi_unit_9 = [["yú kuài", "愉快"], ["xīng fèn", "兴奋"], ["céng jīng", "曾经"], ["shuǐ gōu", "水沟"], ["gǎn jī", "感激"]];
  var zi_unit_9_1 = [].concat(zi_unit_9);
  var point_unit_9 = {};
  for(var k=0; k < zi_unit_9.length; k++){ 
    point_unit_9[zi_unit_9[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_9_2 = zi_unit_9.concat(zi_unit_8_2);
    var point_unit_9_2 = {};
  for(var k=0; k < zi_unit_9_2.length; k++){
    point_unit_9_2[zi_unit_9_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_9").click(function(){practice(zi_unit_9,point_unit_9,"par_unit_9");});
  $("#btn_unit_9_2").click(function(){practice(zi_unit_9_2,point_unit_9_2,"par_unit_9");});
  // 第10关
  /// 单元测试和分数变量
  var zi_unit_10 = [["wén zi", "蚊子"], ["jí shǐ", "即使"], ["líng qiǎo", "灵巧"], ["kē xué jiā", "科学家"], ["héng qī shù bā", "横七竖八"]];
  var zi_unit_10_1 = [].concat(zi_unit_10);
  var point_unit_10 = {};
  for(var k=0; k < zi_unit_10.length; k++){ 
    point_unit_10[zi_unit_10[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_10_2 = zi_unit_10.concat(zi_unit_9_2);
    var point_unit_10_2 = {};
  for(var k=0; k < zi_unit_10_2.length; k++){
    point_unit_10_2[zi_unit_10_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_10").click(function(){practice(zi_unit_10,point_unit_10,"par_unit_10");});
  $("#btn_unit_10_2").click(function(){practice(zi_unit_10_2,point_unit_10_2,"par_unit_10");});
  // 第11关
  /// 单元测试和分数变量
  var zi_unit_11 = [["shéng zi", "绳子"], ["cāng ying", "苍蝇"], ["zhèng míng", "证明"], ["yán jiū", "研究"], ["léi dá", "雷达"]];
  var zi_unit_11_1 = [].concat(zi_unit_11);
  var point_unit_11 = {};
  for(var k=0; k < zi_unit_11.length; k++){ 
    point_unit_11[zi_unit_11[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_11_2 = zi_unit_11.concat(zi_unit_10_2);
    var point_unit_11_2 = {};
  for(var k=0; k < zi_unit_11_2.length; k++){
    point_unit_11_2[zi_unit_11_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_11").click(function(){practice(zi_unit_11,point_unit_11,"par_unit_11");});
  $("#btn_unit_11_2").click(function(){practice(zi_unit_11_2,point_unit_11_2,"par_unit_11");});
  // 第12关
  /// 单元测试和分数变量
  var zi_unit_12 = [["xiǎn shì", "显示"], ["jià shǐ yuán", "驾驶员"], ["hū fēng huàn yǔ", "呼风唤雨"], ["shì jì", "世纪"], ["jì shù", "技术"]];
  var zi_unit_12_1 = [].concat(zi_unit_12);
  var point_unit_12 = {};
  for(var k=0; k < zi_unit_12.length; k++){ 
    point_unit_12[zi_unit_12[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_12_2 = zi_unit_12.concat(zi_unit_11_2);
    var point_unit_12_2 = {};
  for(var k=0; k < zi_unit_12_2.length; k++){
    point_unit_12_2[zi_unit_12_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_12").click(function(){practice(zi_unit_12,point_unit_12,"par_unit_12");});
  $("#btn_unit_12_2").click(function(){practice(zi_unit_12_2,point_unit_12_2,"par_unit_12");});
  // 第13关
  /// 单元测试和分数变量
  var zi_unit_13 = [["gǎi biàn", "改变"], ["chéng dù", "程度"], ["chāo guò", "超过"], ["téng yún jià wù", "腾云驾雾"], ["huàn xiǎng", "幻想"]];
  var zi_unit_13_1 = [].concat(zi_unit_13);
  var point_unit_13 = {};
  for(var k=0; k < zi_unit_13.length; k++){ 
    point_unit_13[zi_unit_13[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_13_2 = zi_unit_13.concat(zi_unit_12_2);
    var point_unit_13_2 = {};
  for(var k=0; k < zi_unit_13_2.length; k++){
    point_unit_13_2[zi_unit_13_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_13").click(function(){practice(zi_unit_13,point_unit_13,"par_unit_13");});
  $("#btn_unit_13_2").click(function(){practice(zi_unit_13_2,point_unit_13_2,"par_unit_13");});
  // 第14关
  /// 单元测试和分数变量
  var zi_unit_14 = [["yuán zǐ hé", "原子核"], ["ào mì", "奥秘"], ["rì yì", "日益"], ["lián xì", "联系"], ["wù zhì", "物质"]];
  var zi_unit_14_1 = [].concat(zi_unit_14);
  var point_unit_14 = {};
  for(var k=0; k < zi_unit_14.length; k++){ 
    point_unit_14[zi_unit_14[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_14_2 = zi_unit_14.concat(zi_unit_13_2);
    var point_unit_14_2 = {};
  for(var k=0; k < zi_unit_14_2.length; k++){
    point_unit_14_2[zi_unit_14_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_14").click(function(){practice(zi_unit_14,point_unit_14,"par_unit_14");});
  $("#btn_unit_14_2").click(function(){practice(zi_unit_14_2,point_unit_14_2,"par_unit_14");});
  // 第15关
  /// 单元测试和分数变量
  var zi_unit_15 = [["zhé xué", "哲学"], ["rèn hé", "任何"], ["chuàng zào", "创造"], ["gǎi shàn", "改善"], ["pá shān hǔ", "爬山虎"]];
  var zi_unit_15_1 = [].concat(zi_unit_15);
  var point_unit_15 = {};
  for(var k=0; k < zi_unit_15.length; k++){ 
    point_unit_15[zi_unit_15[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_15_2 = zi_unit_15.concat(zi_unit_14_2);
    var point_unit_15_2 = {};
  for(var k=0; k < zi_unit_15_2.length; k++){
    point_unit_15_2[zi_unit_15_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_15").click(function(){practice(zi_unit_15,point_unit_15,"par_unit_15");});
  $("#btn_unit_15_2").click(function(){practice(zi_unit_15_2,point_unit_15_2,"par_unit_15");});
  // 第16关
  /// 单元测试和分数变量
  var zi_unit_16 = [["cāo chǎng", "操场"], ["nèn hóng", "嫩红"], ["shū fú", "舒服"], ["jūn yún", "均匀"], ["chóng dié", "重叠"]];
  var zi_unit_16_1 = [].concat(zi_unit_16);
  var point_unit_16 = {};
  for(var k=0; k < zi_unit_16.length; k++){ 
    point_unit_16[zi_unit_16[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_16_2 = zi_unit_16.concat(zi_unit_15_2);
    var point_unit_16_2 = {};
  for(var k=0; k < zi_unit_16_2.length; k++){
    point_unit_16_2[zi_unit_16_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_16").click(function(){practice(zi_unit_16,point_unit_16,"par_unit_16");});
  $("#btn_unit_16_2").click(function(){practice(zi_unit_16_2,point_unit_16_2,"par_unit_16");});
  // 第17关
  /// 单元测试和分数变量
  var zi_unit_17 = [["kòng xì", "空隙"], ["yè bǐng", "叶柄"], ["fǎn miàn", "反面"], ["chù jiǎo", "触角"], ["wān qū", "弯曲"]];
  var zi_unit_17_1 = [].concat(zi_unit_17);
  var point_unit_17 = {};
  for(var k=0; k < zi_unit_17.length; k++){ 
    point_unit_17[zi_unit_17[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_17_2 = zi_unit_17.concat(zi_unit_16_2);
    var point_unit_17_2 = {};
  for(var k=0; k < zi_unit_17_2.length; k++){
    point_unit_17_2[zi_unit_17_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_17").click(function(){practice(zi_unit_17,point_unit_17,"par_unit_17");});
  $("#btn_unit_17_2").click(function(){practice(zi_unit_17_2,point_unit_17_2,"par_unit_17");});
  // 第18关
  /// 单元测试和分数变量
  var zi_unit_18 = [["xì xiǎo", "细小"], ["hén jì", "痕迹"], ["qiáo bù qǐ", "瞧不起"], ["láo gù", "牢固"], ["xiū xiǎng", "休想"]];
  var zi_unit_18_1 = [].concat(zi_unit_18);
  var point_unit_18 = {};
  for(var k=0; k < zi_unit_18.length; k++){ 
    point_unit_18[zi_unit_18[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_18_2 = zi_unit_18.concat(zi_unit_17_2);
    var point_unit_18_2 = {};
  for(var k=0; k < zi_unit_18_2.length; k++){
    point_unit_18_2[zi_unit_18_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_18").click(function(){practice(zi_unit_18,point_unit_18,"par_unit_18");});
  $("#btn_unit_18_2").click(function(){practice(zi_unit_18_2,point_unit_18_2,"par_unit_18");});
  // 第19关
  /// 单元测试和分数变量
  var zi_unit_19 = [["zhù zhái", "住宅"], ["lín shí", "临时"], ["gōng fū", "功夫"], ["suí yù ér ān", "随遇而安"], ["shèn zhòng", "慎重"]];
  var zi_unit_19_1 = [].concat(zi_unit_19);
  var point_unit_19 = {};
  for(var k=0; k < zi_unit_19.length; k++){ 
    point_unit_19[zi_unit_19[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_19_2 = zi_unit_19.concat(zi_unit_18_2);
    var point_unit_19_2 = {};
  for(var k=0; k < zi_unit_19_2.length; k++){
    point_unit_19_2[zi_unit_19_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_19").click(function(){practice(zi_unit_19,point_unit_19,"par_unit_19");});
  $("#btn_unit_19_2").click(function(){practice(zi_unit_19_2,point_unit_19_2,"par_unit_19");});
  // 第20关
  /// 单元测试和分数变量
  var zi_unit_20 = [["xuǎn zé", "选择"], ["zhù zhǐ", "住址"], ["yōu liáng", "优良"], ["dòng xué", "洞穴"], ["dà tīng", "大厅"]];
  var zi_unit_20_1 = [].concat(zi_unit_20);
  var point_unit_20 = {};
  for(var k=0; k < zi_unit_20.length; k++){ 
    point_unit_20[zi_unit_20[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_20_2 = zi_unit_20.concat(zi_unit_19_2);
    var point_unit_20_2 = {};
  for(var k=0; k < zi_unit_20_2.length; k++){
    point_unit_20_2[zi_unit_20_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_20").click(function(){practice(zi_unit_20,point_unit_20,"par_unit_20");});
  $("#btn_unit_20_2").click(function(){practice(zi_unit_20_2,point_unit_20_2,"par_unit_20");});
  // 第21关
  /// 单元测试和分数变量
  var zi_unit_21 = [["wò shì", "卧室"], ["zhuān jiā", "专家"], ["píng zhěng", "平整"], ["qīng jié", "清洁"], ["wèi shēng", "卫生"]];
  var zi_unit_21_1 = [].concat(zi_unit_21);
  var point_unit_21 = {};
  for(var k=0; k < zi_unit_21.length; k++){ 
    point_unit_21[zi_unit_21[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_21_2 = zi_unit_21.concat(zi_unit_20_2);
    var point_unit_21_2 = {};
  for(var k=0; k < zi_unit_21_2.length; k++){
    point_unit_21_2[zi_unit_21_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_21").click(function(){practice(zi_unit_21,point_unit_21,"par_unit_21");});
  $("#btn_unit_21_2").click(function(){practice(zi_unit_21_2,point_unit_21_2,"par_unit_21");});
  // 第22关
  /// 单元测试和分数变量
  var zi_unit_22 = [["pí láo", "疲劳"], ["zhēng yǎn", "睁眼"], ["hēi hū hū", "黑乎乎"], ["fān shēn", "翻身"], ["fǔ tóu", "斧头"]];
  var zi_unit_22_1 = [].concat(zi_unit_22);
  var point_unit_22 = {};
  for(var k=0; k < zi_unit_22.length; k++){ 
    point_unit_22[zi_unit_22[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_22_2 = zi_unit_22.concat(zi_unit_21_2);
    var point_unit_22_2 = {};
  for(var k=0; k < zi_unit_22_2.length; k++){
    point_unit_22_2[zi_unit_22_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_22").click(function(){practice(zi_unit_22,point_unit_22,"par_unit_22");});
  $("#btn_unit_22_2").click(function(){practice(zi_unit_22_2,point_unit_22_2,"par_unit_22");});
  // 第23关
  /// 单元测试和分数变量
  var zi_unit_23 = [["huǎn huǎn", "缓缓"], ["shàng shēng", "上升"], ["xià jiàng", "下降"], ["jīng pí lì jié", "精疲力竭"], ["xuè yè", "血液"]];
  var zi_unit_23_1 = [].concat(zi_unit_23);
  var point_unit_23 = {};
  for(var k=0; k < zi_unit_23.length; k++){ 
    point_unit_23[zi_unit_23[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_23_2 = zi_unit_23.concat(zi_unit_22_2);
    var point_unit_23_2 = {};
  for(var k=0; k < zi_unit_23_2.length; k++){
    point_unit_23_2[zi_unit_23_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_23").click(function(){practice(zi_unit_23,point_unit_23,"par_unit_23");});
  $("#btn_unit_23_2").click(function(){practice(zi_unit_23_2,point_unit_23_2,"par_unit_23");});
  // 第24关
  /// 单元测试和分数变量
  var zi_unit_24 = [["bēn liú bù xī", "奔流不息"], ["hàn máo", "汗毛"], ["mào shèng", "茂盛"], ["zī rùn", "滋润"], ["yǔ lù", "雨露"]];
  var zi_unit_24_1 = [].concat(zi_unit_24);
  var point_unit_24 = {};
  for(var k=0; k < zi_unit_24.length; k++){ 
    point_unit_24[zi_unit_24[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_24_2 = zi_unit_24.concat(zi_unit_23_2);
    var point_unit_24_2 = {};
  for(var k=0; k < zi_unit_24_2.length; k++){
    point_unit_24_2[zi_unit_24_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_24").click(function(){practice(zi_unit_24,point_unit_24,"par_unit_24");});
  $("#btn_unit_24_2").click(function(){practice(zi_unit_24_2,point_unit_24_2,"par_unit_24");});
  // 第25关
  /// 单元测试和分数变量
  var zi_unit_25 = [["rén jiān", "人间"], ["bēi cǎn", "悲惨"], ["qíng jǐng", "情景"], ["wēi hài", "危害"], ["měng shòu", "猛兽"]];
  var zi_unit_25_1 = [].concat(zi_unit_25);
  var point_unit_25 = {};
  for(var k=0; k < zi_unit_25.length; k++){ 
    point_unit_25[zi_unit_25[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_25_2 = zi_unit_25.concat(zi_unit_24_2);
    var point_unit_25_2 = {};
  for(var k=0; k < zi_unit_25_2.length; k++){
    point_unit_25_2[zi_unit_25_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_25").click(function(){practice(zi_unit_25,point_unit_25,"par_unit_25");});
  $("#btn_unit_25_2").click(function(){practice(zi_unit_25_2,point_unit_25_2,"par_unit_25");});
  // 第26关
  /// 单元测试和分数变量
  var zi_unit_26 = [["yán lì", "严厉"], ["jìng pèi", "敬佩"], ["qiāo qiāo", "悄悄"], ["jiān dìng", "坚定"], ["wéi kàng", "违抗"]];
  var zi_unit_26_1 = [].concat(zi_unit_26);
  var point_unit_26 = {};
  for(var k=0; k < zi_unit_26.length; k++){ 
    point_unit_26[zi_unit_26[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_26_2 = zi_unit_26.concat(zi_unit_25_2);
    var point_unit_26_2 = {};
  for(var k=0; k < zi_unit_26_2.length; k++){
    point_unit_26_2[zi_unit_26_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_26").click(function(){practice(zi_unit_26,point_unit_26,"par_unit_26");});
  $("#btn_unit_26_2").click(function(){practice(zi_unit_26_2,point_unit_26_2,"par_unit_26");});
  // 第27关
  /// 单元测试和分数变量
  var zi_unit_27 = [["hěn xīn", "狠心"], ["jiān lì", "尖利"], ["zhù míng", "著名"], ["fèn fèn bù píng", "愤愤不平"], ["huò dé", "获得"]];
  var zi_unit_27_1 = [].concat(zi_unit_27);
  var point_unit_27 = {};
  for(var k=0; k < zi_unit_27.length; k++){ 
    point_unit_27[zi_unit_27[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_27_2 = zi_unit_27.concat(zi_unit_26_2);
    var point_unit_27_2 = {};
  for(var k=0; k < zi_unit_27_2.length; k++){
    point_unit_27_2[zi_unit_27_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_27").click(function(){practice(zi_unit_27,point_unit_27,"par_unit_27");});
  $("#btn_unit_27_2").click(function(){practice(zi_unit_27_2,point_unit_27_2,"par_unit_27");});
  // 第28关
  /// 单元测试和分数变量
  var zi_unit_28 = [["dǎ liè", "打猎"], ["měng liè", "猛烈"], ["wú kě nài hé", "无可奈何"], ["pāi dǎ", "拍打"], ["zuǐ jiǎo", "嘴角"]];
  var zi_unit_28_1 = [].concat(zi_unit_28);
  var point_unit_28 = {};
  for(var k=0; k < zi_unit_28.length; k++){ 
    point_unit_28[zi_unit_28[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_28_2 = zi_unit_28.concat(zi_unit_27_2);
    var point_unit_28_2 = {};
  for(var k=0; k < zi_unit_28_2.length; k++){
    point_unit_28_2[zi_unit_28_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_28").click(function(){practice(zi_unit_28,point_unit_28,"par_unit_28");});
  $("#btn_unit_28_2").click(function(){practice(zi_unit_28_2,point_unit_28_2,"par_unit_28");});
  // 第29关
  /// 单元测试和分数变量
  var zi_unit_29 = [["fēn míng", "分明"], ["yá chǐ", "牙齿"], ["jué wàng", "绝望"], ["jiān jiào", "尖叫"], ["shēn qū", "身躯"]];
  var zi_unit_29_1 = [].concat(zi_unit_29);
  var point_unit_29 = {};
  for(var k=0; k < zi_unit_29.length; k++){ 
    point_unit_29[zi_unit_29[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_29_2 = zi_unit_29.concat(zi_unit_28_2);
    var point_unit_29_2 = {};
  for(var k=0; k < zi_unit_29_2.length; k++){
    point_unit_29_2[zi_unit_29_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_29").click(function(){practice(zi_unit_29,point_unit_29,"par_unit_29");});
  $("#btn_unit_29_2").click(function(){practice(zi_unit_29_2,point_unit_29_2,"par_unit_29");});
  // 第30关
  /// 单元测试和分数变量
  var zi_unit_30 = [["yǎn hù", "掩护"], ["yòu ér", "幼儿"], ["bó dòu", "搏斗"], ["páng dà", "庞大"], ["ān rán", "安然"]];
  var zi_unit_30_1 = [].concat(zi_unit_30);
  var point_unit_30 = {};
  for(var k=0; k < zi_unit_30.length; k++){ 
    point_unit_30[zi_unit_30[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_30_2 = zi_unit_30.concat(zi_unit_29_2);
    var point_unit_30_2 = {};
  for(var k=0; k < zi_unit_30_2.length; k++){
    point_unit_30_2[zi_unit_30_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_30").click(function(){practice(zi_unit_30,point_unit_30,"par_unit_30");});
  $("#btn_unit_30_2").click(function(){practice(zi_unit_30_2,point_unit_30_2,"par_unit_30");});
  // 第31关
  /// 单元测试和分数变量
  var zi_unit_31 = [["qiáng dà", "强大"], ["lì liàng", "力量"], ["jià rì", "假日"], ["yún cǎi", "云彩"], ["shí jí", "石级"]];
  var zi_unit_31_1 = [].concat(zi_unit_31);
  var point_unit_31 = {};
  for(var k=0; k < zi_unit_31.length; k++){ 
    point_unit_31[zi_unit_31[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_31_2 = zi_unit_31.concat(zi_unit_30_2);
    var point_unit_31_2 = {};
  for(var k=0; k < zi_unit_31_2.length; k++){
    point_unit_31_2[zi_unit_31_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_31").click(function(){practice(zi_unit_31,point_unit_31,"par_unit_31");});
  $("#btn_unit_31_2").click(function(){practice(zi_unit_31_2,point_unit_31_2,"par_unit_31");});
  // 第32关
  /// 单元测试和分数变量
  var zi_unit_32 = [["fā chàn", "发颤"], ["nián jì", "年纪"], ["fèn lì", "奋力"], ["hóu zi", "猴子"], ["jì niàn", "纪念"]];
  var zi_unit_32_1 = [].concat(zi_unit_32);
  var point_unit_32 = {};
  for(var k=0; k < zi_unit_32.length; k++){ 
    point_unit_32[zi_unit_32[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_32_2 = zi_unit_32.concat(zi_unit_31_2);
    var point_unit_32_2 = {};
  for(var k=0; k < zi_unit_32_2.length; k++){
    point_unit_32_2[zi_unit_32_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_32").click(function(){practice(zi_unit_32,point_unit_32,"par_unit_32");});
  $("#btn_unit_32_2").click(function(){practice(zi_unit_32_2,point_unit_32_2,"par_unit_32");});
  // 第33关
  /// 单元测试和分数变量
  var zi_unit_33 = [["biàn zi", "辫子"], ["xiào hē hē", "笑呵呵"], ["gǔ wǔ", "鼓舞"], ["jū rán", "居然"], ["shèn zhì", "甚至"]];
  var zi_unit_33_1 = [].concat(zi_unit_33);
  var point_unit_33 = {};
  for(var k=0; k < zi_unit_33.length; k++){ 
    point_unit_33[zi_unit_33[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_33_2 = zi_unit_33.concat(zi_unit_32_2);
    var point_unit_33_2 = {};
  for(var k=0; k < zi_unit_33_2.length; k++){
    point_unit_33_2[zi_unit_33_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_33").click(function(){practice(zi_unit_33,point_unit_33,"par_unit_33");});
  $("#btn_unit_33_2").click(function(){practice(zi_unit_33_2,point_unit_33_2,"par_unit_33");});
  // 第34关
  /// 单元测试和分数变量
  var zi_unit_34 = [["wán pí", "顽皮"], ["gù yì", "故意"], ["bó zi", "脖子"], ["pū dǎ", "扑打"], ["máng luàn", "忙乱"]];
  var zi_unit_34_1 = [].concat(zi_unit_34);
  var point_unit_34 = {};
  for(var k=0; k < zi_unit_34.length; k++){ 
    point_unit_34[zi_unit_34[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_34_2 = zi_unit_34.concat(zi_unit_33_2);
    var point_unit_34_2 = {};
  for(var k=0; k < zi_unit_34_2.length; k++){
    point_unit_34_2[zi_unit_34_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_34").click(function(){practice(zi_unit_34,point_unit_34,"par_unit_34");});
  $("#btn_unit_34_2").click(function(){practice(zi_unit_34_2,point_unit_34_2,"par_unit_34");});
  // 第35关
  /// 单元测试和分数变量
  var zi_unit_35 = [["dà gài", "大概"], ["zhù wēi", "助威"], ["hūn luàn", "昏乱"], ["jiē shi", "结实"], ["hàn zi", "汉子"]];
  var zi_unit_35_1 = [].concat(zi_unit_35);
  var point_unit_35 = {};
  for(var k=0; k < zi_unit_35.length; k++){ 
    point_unit_35[zi_unit_35[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_35_2 = zi_unit_35.concat(zi_unit_34_2);
    var point_unit_35_2 = {};
  for(var k=0; k < zi_unit_35_2.length; k++){
    point_unit_35_2[zi_unit_35_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_35").click(function(){practice(zi_unit_35,point_unit_35,"par_unit_35");});
  $("#btn_unit_35_2").click(function(){practice(zi_unit_35_2,point_unit_35_2,"par_unit_35");});
  // 第36关
  /// 单元测试和分数变量
  var zi_unit_36 = [["kě xiào", "可笑"], ["wú yuán wú gù", "无缘无故"], ["píng bái", "平白"], ["wén yì", "文艺"], ["biǎo yǎn", "表演"]];
  var zi_unit_36_1 = [].concat(zi_unit_36);
  var point_unit_36 = {};
  for(var k=0; k < zi_unit_36.length; k++){ 
    point_unit_36[zi_unit_36[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_36_2 = zi_unit_36.concat(zi_unit_35_2);
    var point_unit_36_2 = {};
  for(var k=0; k < zi_unit_36_2.length; k++){
    point_unit_36_2[zi_unit_36_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_36").click(function(){practice(zi_unit_36,point_unit_36,"par_unit_36");});
  $("#btn_unit_36_2").click(function(){practice(zi_unit_36_2,point_unit_36_2,"par_unit_36");});
  // 第37关
  /// 单元测试和分数变量
  var zi_unit_37 = [["jué sè", "角色"], ["yīn qiè", "殷切"], ["qī dài", "期待"], ["pái liàn", "排练"], ["wēi jī", "危机"]];
  var zi_unit_37_1 = [].concat(zi_unit_37);
  var point_unit_37 = {};
  for(var k=0; k < zi_unit_37.length; k++){ 
    point_unit_37[zi_unit_37[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_37_2 = zi_unit_37.concat(zi_unit_36_2);
    var point_unit_37_2 = {};
  for(var k=0; k < zi_unit_37_2.length; k++){
    point_unit_37_2[zi_unit_37_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_37").click(function(){practice(zi_unit_37,point_unit_37,"par_unit_37");});
  $("#btn_unit_37_2").click(function(){practice(zi_unit_37_2,point_unit_37_2,"par_unit_37");});
  // 第38关
  /// 单元测试和分数变量
  var zi_unit_38 = [["tōng qíng dá lǐ", "通情达理"], ["chōng fèn", "充分"], ["zì xìn", "自信"], ["tí shì", "提示"], ["chè huàn", "撤换"]];
  var zi_unit_38_1 = [].concat(zi_unit_38);
  var point_unit_38 = {};
  for(var k=0; k < zi_unit_38.length; k++){ 
    point_unit_38[zi_unit_38[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_38_2 = zi_unit_38.concat(zi_unit_37_2);
    var point_unit_38_2 = {};
  for(var k=0; k < zi_unit_38_2.length; k++){
    point_unit_38_2[zi_unit_38_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_38").click(function(){practice(zi_unit_38,point_unit_38,"par_unit_38");});
  $("#btn_unit_38_2").click(function(){practice(zi_unit_38_2,point_unit_38_2,"par_unit_38");});
  // 第39关
  /// 单元测试和分数变量
  var zi_unit_39 = [["jǐn zhāng", "紧张"], ["hōng táng dà xiào", "哄堂大笑"], ["zá guō", "砸锅"], ["zhì jīn", "至今"], ["bīng tiān xuě dì", "冰天雪地"]];
  var zi_unit_39_1 = [].concat(zi_unit_39);
  var point_unit_39 = {};
  for(var k=0; k < zi_unit_39.length; k++){ 
    point_unit_39[zi_unit_39[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_39_2 = zi_unit_39.concat(zi_unit_38_2);
    var point_unit_39_2 = {};
  for(var k=0; k < zi_unit_39_2.length; k++){
    point_unit_39_2[zi_unit_39_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_39").click(function(){practice(zi_unit_39,point_unit_39,"par_unit_39");});
  $("#btn_unit_39_2").click(function(){practice(zi_unit_39_2,point_unit_39_2,"par_unit_39");});
  // 第40关
  /// 单元测试和分数变量
  var zi_unit_40 = [["fǒu zé", "否则"], ["xuán zhuǎn", "旋转"], ["chóng zhěng qí gǔ", "重整旗鼓"], ["kuàng qiě", "况且"], ["dé xīn yìng shǒu", "得心应手"]];
  var zi_unit_40_1 = [].concat(zi_unit_40);
  var point_unit_40 = {};
  for(var k=0; k < zi_unit_40.length; k++){ 
    point_unit_40[zi_unit_40[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_40_2 = zi_unit_40.concat(zi_unit_39_2);
    var point_unit_40_2 = {};
  for(var k=0; k < zi_unit_40_2.length; k++){
    point_unit_40_2[zi_unit_40_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_40").click(function(){practice(zi_unit_40,point_unit_40,"par_unit_40");});
  $("#btn_unit_40_2").click(function(){practice(zi_unit_40_2,point_unit_40_2,"par_unit_40");});
  // 第41关
  /// 单元测试和分数变量
  var zi_unit_41 = [["yǐ zi", "椅子"], ["réng rán", "仍然"], ["yóu qí", "尤其"], ["shǒu wǔ zú dǎo", "手舞足蹈"], ["hèn bù dé", "恨不得"]];
  var zi_unit_41_1 = [].concat(zi_unit_41);
  var point_unit_41 = {};
  for(var k=0; k < zi_unit_41.length; k++){ 
    point_unit_41[zi_unit_41[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_41_2 = zi_unit_41.concat(zi_unit_40_2);
    var point_unit_41_2 = {};
  for(var k=0; k < zi_unit_41_2.length; k++){
    point_unit_41_2[zi_unit_41_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_41").click(function(){practice(zi_unit_41,point_unit_41,"par_unit_41");});
  $("#btn_unit_41_2").click(function(){practice(zi_unit_41_2,point_unit_41_2,"par_unit_41");});
  // 第42关
  /// 单元测试和分数变量
  var zi_unit_42 = [["yù liào", "预料"], ["yáo tóu huàng nǎo", "摇头晃脑"], ["bù dòng shēng sè", "不动声色"], ["wán qiáng", "顽强"], ["kuì bài", "溃败"]];
  var zi_unit_42_1 = [].concat(zi_unit_42);
  var point_unit_42 = {};
  for(var k=0; k < zi_unit_42.length; k++){ 
    point_unit_42[zi_unit_42[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_42_2 = zi_unit_42.concat(zi_unit_41_2);
    var point_unit_42_2 = {};
  for(var k=0; k < zi_unit_42_2.length; k++){
    point_unit_42_2[zi_unit_42_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_42").click(function(){practice(zi_unit_42,point_unit_42,"par_unit_42");});
  $("#btn_unit_42_2").click(function(){practice(zi_unit_42_2,point_unit_42_2,"par_unit_42");});
  // 第43关
  /// 单元测试和分数变量
  var zi_unit_43 = [["zì háo", "自豪"], ["yán sù", "严肃"], ["qīng xī", "清晰"], ["bào fù", "抱负"], ["xiōng huái", "胸怀"]];
  var zi_unit_43_1 = [].concat(zi_unit_43);
  var point_unit_43 = {};
  for(var k=0; k < zi_unit_43.length; k++){ 
    point_unit_43[zi_unit_43[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_43_2 = zi_unit_43.concat(zi_unit_42_2);
    var point_unit_43_2 = {};
  for(var k=0; k < zi_unit_43_2.length; k++){
    point_unit_43_2[zi_unit_43_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_43").click(function(){practice(zi_unit_43,point_unit_43,"par_unit_43");});
  $("#btn_unit_43_2").click(function(){practice(zi_unit_43_2,point_unit_43_2,"par_unit_43");});
  // 第44关
  /// 单元测试和分数变量
  var zi_unit_44 = [["zàn tàn", "赞叹"], ["biǎo qíng", "表情"], ["wàng huái", "忘怀"], ["guǒ zhēn", "果真"], ["fēi fán", "非凡"]];
  var zi_unit_44_1 = [].concat(zi_unit_44);
  var point_unit_44 = {};
  for(var k=0; k < zi_unit_44.length; k++){ 
    point_unit_44[zi_unit_44[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_44_2 = zi_unit_44.concat(zi_unit_43_2);
    var point_unit_44_2 = {};
  for(var k=0; k < zi_unit_44_2.length; k++){
    point_unit_44_2[zi_unit_44_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_44").click(function(){practice(zi_unit_44,point_unit_44,"par_unit_44");});
  $("#btn_unit_44_2").click(function(){practice(zi_unit_44_2,point_unit_44_2,"par_unit_44");});
  // 第45关
  /// 单元测试和分数变量
  var zi_unit_45 = [["zuǒ gù yòu pàn", "左顾右盼"], ["zhǐ wàng", "指望"], ["xùn chì", "训斥"], ["tǐ huì", "体会"], ["fèn liàng", "分量"]];
  var zi_unit_45_1 = [].concat(zi_unit_45);
  var point_unit_45 = {};
  for(var k=0; k < zi_unit_45.length; k++){ 
    point_unit_45[zi_unit_45[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_45_2 = zi_unit_45.concat(zi_unit_44_2);
    var point_unit_45_2 = {};
  for(var k=0; k < zi_unit_45_2.length; k++){
    point_unit_45_2[zi_unit_45_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_45").click(function(){practice(zi_unit_45,point_unit_45,"par_unit_45");});
  $("#btn_unit_45_2").click(function(){practice(zi_unit_45_2,point_unit_45_2,"par_unit_45");});
  // 第46关
  /// 单元测试和分数变量
  var zi_unit_46 = [["xiǎng liàng", "响亮"], ["guǎn lǐ", "管理"], ["rén yān", "人烟"], ["xí fù", "媳妇"], ["xīn niáng", "新娘"]];
  var zi_unit_46_1 = [].concat(zi_unit_46);
  var point_unit_46 = {};
  for(var k=0; k < zi_unit_46.length; k++){ 
    point_unit_46[zi_unit_46[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_46_2 = zi_unit_46.concat(zi_unit_45_2);
    var point_unit_46_2 = {};
  for(var k=0; k < zi_unit_46_2.length; k++){
    point_unit_46_2[zi_unit_46_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_46").click(function(){practice(zi_unit_46,point_unit_46,"par_unit_46");});
  $("#btn_unit_46_2").click(function(){practice(zi_unit_46_2,point_unit_46_2,"par_unit_46");});
  // 第47关
  /// 单元测试和分数变量
  var zi_unit_47 = [["yǎn zhēng zhēng", "眼睁睁"], ["gān hàn", "干旱"], ["yíng jiē", "迎接"], ["tú dì", "徒弟"], ["miàn rú tǔ sè", "面如土色"]];
  var zi_unit_47_1 = [].concat(zi_unit_47);
  var point_unit_47 = {};
  for(var k=0; k < zi_unit_47.length; k++){ 
    point_unit_47[zi_unit_47[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_47_2 = zi_unit_47.concat(zi_unit_46_2);
    var point_unit_47_2 = {};
  for(var k=0; k < zi_unit_47_2.length; k++){
    point_unit_47_2[zi_unit_47_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_47").click(function(){practice(zi_unit_47,point_unit_47,"par_unit_47");});
  $("#btn_unit_47_2").click(function(){practice(zi_unit_47_2,point_unit_47_2,"par_unit_47");});
  // 第48关
  /// 单元测试和分数变量
  var zi_unit_48 = [["qiú ráo", "求饶"], ["guàn gài", "灌溉"], ["shōu chéng", "收成"]];
  var zi_unit_48_1 = [].concat(zi_unit_48);
  var point_unit_48 = {};
  for(var k=0; k < zi_unit_48.length; k++){ 
    point_unit_48[zi_unit_48[k][0]]=0;
    };
  /// 汇总测试和分数变量
  var zi_unit_48_2 = zi_unit_48.concat(zi_unit_47_2);
    var point_unit_48_2 = {};
  for(var k=0; k < zi_unit_48_2.length; k++){
    point_unit_48_2[zi_unit_48_2[k][0]]=0;
  };
  /// 测试按钮
  $("#btn_unit_48").click(function(){practice(zi_unit_48,point_unit_48,"par_unit_48");});
  $("#btn_unit_48_2").click(function(){practice(zi_unit_48_2,point_unit_48_2,"par_unit_48");});

  // 错题测试
  var zi_fail=[];
  //var point_zi_fail = {};
  //$("#btn_show_zi_fail").click(function(){lesson(zi_fail, "par_zi_fail");});
  //$("#btn_test_zi_fail").click(function(){practice(zi_fail, point_zi_fail, "par_zi_fail");});

  $(document).on("pageshow","#zi_fail",function(){
    //alert(zi_fail.toString());
    lesson(zi_fail, "par_zi_fail");
  });

  // 展示错题
  function lesson(chars, level){
    if (chars.constructor == Array){
      //var new_zi = "<ol><li>" + chars.join("</li><li>") + "</li></ol>";
      var new_zi = "<p>" + chars.join(", ") + "</p>";
    }else{
      var new_zi = chars;
    };
    var par = "#" + level
    //$(answer).hide();
    //$("button.show_answer").parent().hide();
    if (new_zi == ""){
      alert("恭喜恭喜！\n没有出错的项目");
    }else{
      $(par).html(function(){
        return new_zi; 
      });			
    };
  }

  // 练习
  function practice(chars, points, level, index){
    var par = "#" + level;
    answer = "#answer_" + level;
    // 解除计时
    //clearTimeout(timer);
    //clearTimeout(t_show);
    // 如果有元素得分为pass_time变量,则将该元素从chars中删去
    var i=0;
    for(i; i<chars.length; i++){
      if(points[chars[i][0]]>=pass_time){
        chars.splice(i,1);
        break;
      }
    }
    // 检查chars是否有元素
    if (chars.length == 0){
      alert("恭喜恭喜！大家恭喜！您已经顺利过关啦！\n\n还想再来一次吗？——那就刷新网页吧！\n——不过，右上角的分数会被清零哦！\n\n还是进入下一关吧！");
      $(par).html(function(){ return ""; });
      $("button.show_answer").parent().hide();
      $(answer).hide();
    }
    else{
      //随机选择一个元素进行测试
      var id = Math.floor(Math.random()*chars.length);
      res = chars[id][0];
      ans = chars[id][1];
      var svg_box= '';
      for(var i=0; i < ans.length; i++){
        svg_box = svg_box.concat('<p><svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" id="', level, '-', i.toString(), '"> <line x1="0" y1="0" x2="0" y2="200" stroke="#FF4500" /> <line x1="0" y1="0" x2="200" y2="0" stroke="#FF4500" /> <line x1="200" y1="0" x2="200" y2="200" stroke="#FF4500" /> <line x1="0" y1="200" x2="200" y2="200" stroke="#FF4500" /> <line x1="0" y1="0" x2="200" y2="200" stroke="#FF4500" /> <line x1="200" y1="0" x2="0" y2="200" stroke="#FF4500" /> <line x1="100" y1="0" x2="100" y2="200" stroke="#FF4500" /> <line x1="0" y1="100" x2="200" y2="100" stroke="#FF4500" /> </svg></p>')
      }
      // 如果选择的元素和前一个相同，则废弃该元素重新随机选择
      if (res == pre_res){
        if (chars.length > 1){
          var rest_chars = [].concat(chars);
          rest_chars.splice(id, 1);
          var new_id = Math.floor(Math.random()*rest_chars.length);
          res = rest_chars[new_id][0];
          ans = rest_chars[new_id][1];
        }
      };
      res_svg = res + svg_box
      //++points[res];
      //++invalid_click;
      if (index > 0){
        var index_res = index.toString().concat("） ", res_svg);
        $(par).html(function(){ return index_res; });
      }else{
        $(par).html(function(){ return res_svg; });
      };
      for(var i=0; i < ans.length; i++){
        var svg_box = level + '-' + i.toString();
        var hanzi = 'hanzi-' + i.toString();
	var writer = eval(hanzi)
        writer = HanziWriter.create(svg_box, ans[i], {
          width: 200,
          height: 200,
          padding: 10,
          showCharacter: false,
          showOutline: false,
          showHintAfterMisses: 4,
        });
        writer.quiz({
          onComplete: function(data){
            ++points[res];
            zi_fail.push(data.character);
            ++score;
            $(".right-top-count").html(function(){return score});
	    //console.log("回调成功");
          }
        }); 
      }
      //$(answer).hide();
      //$(answer).html(function(){ return ans; });
      pre_res = res;
      // 开始记录最长时间间隔
      var new_practice_time = new Date();
      var internal_time = new_practice_time.valueOf() - start_practice_time.valueOf();
      if(internal_time > max_internal_time){
        max_internal_time = internal_time
      }
/*
      // 设置超时
      start_practice_time =  new_practice_time;
      ans = ans.replace(/<[a-z]*>/g,"");
      ans = ans.replace(/<\/[a-z]*>/g,"");
      ans = ans.replace(/\r/g,"");
      ans = ans.replace(/\n/g,"");
      maxtime = ans.length * each_maxtime;
      // alert(ans.length.toString() + ans);
      var res_start_time = new Date();
      res_mid_time = res_start_time.valueOf() + maxtime / 2;
      res_end_time = res_start_time.valueOf() + maxtime;
      t_show = setTimeout(function(){
        $("button.show_answer").parent().show();
        $("button.show_answer").parent().parent().show();
      }, maxtime/3);   //
      timer = setTimeout(function(){
	      alert("可不要气馁~~\n\n我们再来一次吧！");
	      --points[res];
        --score;
        $(".right-top-count").html(function(){return score});
          // 将没有通过的字压入zi_fail变量，并初始化该元素的分数。
	      if (zi_fail.indexOf(chars[id]) == -1){
	        zi_fail.push(chars[id]);
	        point_zi_fail[chars[id][0]]=0;
	      };
      }, maxtime);   //
*/
    }
 }
 
/*
  // 显示答案
  $("button.show_answer").click(function(){
      $(answer).show();
      $("button.show_answer").parent().hide();
      var now_time = new Date();
      now_time = now_time.valueOf();
      if (now_time < res_mid_time){
        --invalid_click;
        ++neutral_click;
      }else{
        --invalid_click;
        ++valid_click;
        ++score;
        $(".right-top-count").html(function(){return score});
      };
  });
*/

  // 设置训练强度
  $(".settings").click(function(){
    //var prompt_time=prompt("每个项目的测试时间\n单位：秒", "5");
    //if(prompt_time < 1){ prompt_time = 7;};
    //each_maxtime = prompt_time * 1000;
    pass_time=prompt("每个项目的测试次数", "1");
    if(pass_time < 1){pass_time = 1};
  });

  //抽查测试
  var zi_part_test = [];
  var point_part_test = {};
  var part_test_times = 0;
  var part_test_entry_num;
  var org_index = 0;
  var test_total_score = 0;
  $("#begin_org").click(function(){
    /// 初始化测试
    select_unit = [].concat($("#select_unit").val());
    if (select_unit.toString() == "") {alert("请先选择合适的关卡。"); return false;} 
    if (zi_part_test.length == 0){
      var zi_part_test_step=0;
      for (var i=0; i < select_unit.length; i++){
        var single_unit = select_unit[i] + "_1";
        var trans_single_unit = eval(single_unit);
        for (var j=0; j < trans_single_unit.length; j++){
          zi_part_test[zi_part_test_step]=trans_single_unit[j];
          zi_part_test_step++;
        }
      }
      //// 获取试题数目
      part_test_entry_num = $("#part_test_entry_num").val();
      if(part_test_entry_num > zi_part_test.length) {part_test_entry_num = zi_part_test.length};
      var ori_arr = zi_part_test;
      var arr = ori_arr;
      var res = [];
      var len =  arr.length;
      for (var i = 0; i < len; i++) {
        var j = Math.floor(Math.random() * len);
        res[i] = arr[j];
        arr.splice(j, 1);
      }
      zi_part_test = res;
      //// 初始化项目分数
      //alert(res.toString());
      for(var s=0; s<zi_part_test.length; s++){point_part_test[zi_part_test[s]]=0;};
      for(var s=0; s<part_test_entry_num; s++){test_total_score = test_total_score + zi_part_test[s][1].toString().length;};
      //alert(test_total_score.toString());
      ////分数清零。
      $("fieldset").find('*').hide();
      practice_score = score;
      score = 0; 
      $(".right-top-count").html(function(){return score});
      alert("测试开始，分数清零");
      org_index = 0;
    };
    /// 开始测试
    if (part_test_times < part_test_entry_num){
      //clearTimeout(t_show); // 清除上一题的计时
      ++org_index;
      new_zi_part_test = [zi_part_test[part_test_times]];
      new_point_part_test= [point_part_test[part_test_times]];
      practice(new_zi_part_test,new_point_part_test,"par_part_test", org_index);
      ++part_test_times;
    }else{
      ///结束测试
      //$("fieldset").find('*').show();
      $("#par_part_test").html(""); 
      $("#answer_par_part_test").html(""); 
      $("button.show_answer").parent().hide();
      test_score = Math.round(score*(100/test_total_score));
      var part_test_message = "本次测试" + test_score + "分！"; 
      alert(part_test_message);
      //clearTimeout(timer);
      //clearTimeout(t_show);
      score = practice_score;
      $(".right-top-count").html(function(){return score});
      zi_part_test = [];
      part_test_times = 0;
      $("#select_unit").val(null);
      $(".ui-checkbox-on").addClass("ui-checkbox-off");
		  $(".ui-checkbox-off").removeClass("ui-checkbox-on");
      $("#select_unit").selectmenu("refresh");
    };
  });

  // 生成报告
  $(document).on("pageshow","#report",function(){
    start_month = start_time.getMonth() + 1;
    $("#report_start_date").text(start_time.getFullYear().toString() + "-" + start_month.toString() + "-" + start_time.getDate().toString());
    $("#report_start_time").text(start_time.toLocaleTimeString());
    now_time = new Date();
    $("#report_end_time").text(now_time.toLocaleTimeString());
    duration = now_time.valueOf() - start_time.valueOf();
    d_hour = Math.floor(duration/1000/60/60);
    d_minute = Math.floor(duration/1000/60%60);
    d_second = Math.floor(duration/1000%60%60);
    $("#report_time").text(d_hour + "小时" + d_minute + "分钟" + d_second + "秒");
    //$("#report_valid_click").text(valid_click + "次");
    //$("#report_neutral_click").text(neutral_click + "次");
    //$("#report_invalid_click").text(invalid_click + "次");
    $("#report_score").text(score);
    $("#report_test_score").text(test_score);
    var my_index_name = myindex + "_" + myname;
    $("#report_name").text(my_index_name);
    var new_practice_time = new Date();
    var internal_time = new_practice_time.valueOf() - start_practice_time.valueOf();
    if(internal_time > max_internal_time){
      max_internal_time = internal_time
    }
    $("#report_max_internal_time").text(max_internal_time/1000);   //两个点击间隔的最大时间长度
    //$("#report_each_maxtime").text(each_maxtime);
    $("#report_pass_time").text(pass_time);
    $("#report_select_unit").text(select_unit.length);
    $("#report_test_num").text(test_total_score);
  });
  });
  </script>
</head>
<!-- <body onhashchange="clear_timer()"> -->
<body>
<div data-role="page" id="home">
  <div data-role="header">
    <h1>四年级上册语文词语表·首页</h1>
  </div>
  <div data-role="content">
    <div style="text-align: center;">
      <a href="#part_test" data-role="button" data-transition="pop" style="width: 80%; margin: auto;background-color: rgb(140,191,0);">点击这里，开始练习</a>
    </div>
    <div data-role="collapsible" data-collapsed="false">
      <h4>······使用提示······</h4>
      <!--     <p>使用之前，您需要准备好纸笔，并写上<span style="color:red">序号、姓名和日期时间</span>。</p> -->
      <p>打开软件之后，请输入您的座号和姓名，以便生成报告。</p>
      <p>使用时，您需要点击按钮，以<span style="color:red">显示问题</span>。</p>
      <!--     <p>显示问题之后，要先在纸上写好<span style="color:red">问题的序号</span>，再凭借记忆写上<span style="color:red">答案</span>（写不出来，就在序号后面画个叉），然后点击“显示答案”按钮进行<span style="color:red">校对</span>。如果纸张上的答案不正确，您需要对照答案将它改正，最好多写七遍，加深印象。</p> -->
      <!--     <p>然后就可以接着点击按钮进入下一题了。</p> -->
      <p>达到老师的使用要求之后，请打开<span style="color:red">“练习本”</span>页面和<span style="color:red">“报告”</span>页面，进行截图，然后将截图传给老师。</p>
    </div>
    <div data-role="collapsible">
      <h4>······怎么版面乱七八糟的？······</h4>
      <p>很有可能是浏览器禁用了JavaScript，您需要手动开启JavaScript。</p>
      <p>也有可能是CDN服务器出错，您可以改动代码或者向作者反映问题。</p>
    </div>
    <div data-role="collapsible" >
      <h4>······已知bug······</h4>
      <ol>
        <li>功能改进：如果无需数据持久化，欢迎提出意见！</li>
      </ol>
    </div>
    <div data-role="collapsible">
      <h4>······许可证······</h4>
      <p>GPLv3。内容详见<a href="http://www.gnu.org/licenses/gpl-3.0.html">这里</a>。</p>
    </div>
    <div data-role="collapsible" style="text-align: center;">
      <h4>······作者······</h4>
      <p>我是李启训（keelson@189.cn）<br>一起参加<a href="http://www.gnu.org">自由软件运动</a>吧！</p>
    </div>
  </div><!-- content -->
</div><!-- page -->

<div data-role="page" id="catalog">
  <div data-role="header">
    <h1>目录</h1>
    <button class="settings ui-btn-right" data-icon="gear">设置</button>
    <div data-role="navbar"> <ul>
        <li><a href="#home" data-icon="arrow-l">上一页</a></li>
        <li><a href="#unit_1" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div> <!-- navbar -->
  </div>
  <div data-role="content" style="text-align: center;">
    <h3>请选择适当的关卡：</h3>
    <ul data-role="listview">
      <li> <a href="#unit_1" data-transition="pop">第1关</a></li>
      <li> <a href="#unit_2" data-transition="pop">第2关</a></li>
      <li> <a href="#unit_3" data-transition="pop">第3关</a></li>
      <li> <a href="#unit_4" data-transition="pop">第4关</a></li>
      <li> <a href="#unit_5" data-transition="pop">第5关</a></li>
      <li> <a href="#unit_6" data-transition="pop">第6关</a></li>
      <li> <a href="#unit_7" data-transition="pop">第7关</a></li>
      <li> <a href="#unit_8" data-transition="pop">第8关</a></li>
      <li> <a href="#unit_9" data-transition="pop">第9关</a></li>
      <li> <a href="#unit_10" data-transition="pop">第10关</a></li>
      <li> <a href="#unit_11" data-transition="pop">第11关</a></li>
      <li> <a href="#unit_12" data-transition="pop">第12关</a></li>
      <li> <a href="#unit_13" data-transition="pop">第13关</a></li>
      <li> <a href="#unit_14" data-transition="pop">第14关</a></li>
      <li> <a href="#unit_15" data-transition="pop">第15关</a></li>
      <li> <a href="#unit_16" data-transition="pop">第16关</a></li>
      <li> <a href="#unit_17" data-transition="pop">第17关</a></li>
      <li> <a href="#unit_18" data-transition="pop">第18关</a></li>
      <li> <a href="#unit_19" data-transition="pop">第19关</a></li>
      <li> <a href="#unit_20" data-transition="pop">第20关</a></li>
      <li> <a href="#unit_21" data-transition="pop">第21关</a></li>
      <li> <a href="#unit_22" data-transition="pop">第22关</a></li>
      <li> <a href="#unit_23" data-transition="pop">第23关</a></li>
      <li> <a href="#unit_24" data-transition="pop">第24关</a></li>
      <li> <a href="#unit_25" data-transition="pop">第25关</a></li>
      <li> <a href="#unit_26" data-transition="pop">第26关</a></li>
      <li> <a href="#unit_27" data-transition="pop">第27关</a></li>
      <li> <a href="#unit_28" data-transition="pop">第28关</a></li>
      <li> <a href="#unit_29" data-transition="pop">第29关</a></li>
      <li> <a href="#unit_30" data-transition="pop">第30关</a></li>
      <li> <a href="#unit_31" data-transition="pop">第31关</a></li>
      <li> <a href="#unit_32" data-transition="pop">第32关</a></li>
      <li> <a href="#unit_33" data-transition="pop">第33关</a></li>
      <li> <a href="#unit_34" data-transition="pop">第34关</a></li>
      <li> <a href="#unit_35" data-transition="pop">第35关</a></li>
      <li> <a href="#unit_36" data-transition="pop">第36关</a></li>
      <li> <a href="#unit_37" data-transition="pop">第37关</a></li>
      <li> <a href="#unit_38" data-transition="pop">第38关</a></li>
      <li> <a href="#unit_39" data-transition="pop">第39关</a></li>
      <li> <a href="#unit_40" data-transition="pop">第40关</a></li>
      <li> <a href="#unit_41" data-transition="pop">第41关</a></li>
      <li> <a href="#unit_42" data-transition="pop">第42关</a></li>
      <li> <a href="#unit_43" data-transition="pop">第43关</a></li>
      <li> <a href="#unit_44" data-transition="pop">第44关</a></li>
      <li> <a href="#unit_45" data-transition="pop">第45关</a></li>
      <li> <a href="#unit_46" data-transition="pop">第46关</a></li>
      <li> <a href="#unit_47" data-transition="pop">第47关</a></li>
      <li> <a href="#unit_48" data-transition="pop">第48关</a></li>
      <li> <a href="#part_test" data-transition="pop">抽查测验</a></li>
      <li> <a href="#report" data-transition="pop">练习报告</a></li>
    </ul>
  </div>
</div>

<div data-role="page" id="unit_1">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第1关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#catalog" data-icon="arrow-l">上一页</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_2" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_1" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_1_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_1" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_1" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_2">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第2关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_1" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_3" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_2" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_2_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_2" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_2" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_3">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第3关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_2" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_4" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_3" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_3_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_3" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_3" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_4">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第4关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_3" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_5" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_4" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_4_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_4" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_4" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_5">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第5关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_4" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_6" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_5" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_5_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_5" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_5" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_6">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第6关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_5" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_7" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_6" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_6_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_6" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_6" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_7">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第7关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_6" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_8" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_7" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_7_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_7" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_7" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_8">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第8关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_7" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_9" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_8" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_8_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_8" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_8" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_9">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第9关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_8" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_10" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_9" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_9_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_9" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_9" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_10">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第10关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_9" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_11" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_10" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_10_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_10" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_10" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_11">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第11关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_10" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_12" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_11" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_11_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_11" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_11" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_12">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第12关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_11" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_13" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_12" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_12_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_12" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_12" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_13">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第13关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_12" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_14" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_13" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_13_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_13" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_13" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_14">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第14关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_13" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_15" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_14" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_14_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_14" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_14" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_15">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第15关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_14" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_16" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_15" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_15_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_15" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_15" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_16">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第16关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_15" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_17" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_16" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_16_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_16" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_16" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_17">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第17关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_16" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_18" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_17" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_17_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_17" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_17" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_18">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第18关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_17" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_19" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_18" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_18_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_18" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_18" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_19">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第19关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_18" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_20" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_19" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_19_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_19" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_19" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_20">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第20关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_19" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_21" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_20" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_20_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_20" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_20" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_21">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第21关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_20" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_22" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_21" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_21_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_21" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_21" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_22">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第22关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_21" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_23" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_22" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_22_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_22" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_22" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_23">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第23关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_22" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_24" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_23" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_23_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_23" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_23" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_24">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第24关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_23" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_25" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_24" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_24_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_24" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_24" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_25">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第25关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_24" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_26" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_25" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_25_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_25" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_25" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_26">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第26关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_25" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_27" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_26" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_26_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_26" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_26" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_27">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第27关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_26" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_28" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_27" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_27_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_27" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_27" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_28">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第28关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_27" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_29" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_28" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_28_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_28" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_28" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_29">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第29关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_28" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_30" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_29" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_29_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_29" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_29" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_30">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第30关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_29" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_31" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_30" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_30_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_30" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_30" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_31">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第31关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_30" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_32" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_31" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_31_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_31" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_31" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_32">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第32关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_31" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_33" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_32" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_32_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_32" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_32" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_33">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第33关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_32" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_34" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_33" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_33_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_33" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_33" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_34">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第34关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_33" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_35" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_34" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_34_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_34" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_34" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_35">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第35关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_34" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_36" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_35" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_35_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_35" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_35" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_36">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第36关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_35" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_37" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_36" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_36_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_36" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_36" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_37">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第37关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_36" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_38" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_37" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_37_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_37" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_37" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_38">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第38关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_37" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_39" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_38" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_38_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_38" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_38" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_39">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第39关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_38" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_40" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_39" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_39_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_39" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_39" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_40">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第40关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_39" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_41" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_40" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_40_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_40" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_40" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_41">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第41关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_40" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_42" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_41" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_41_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_41" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_41" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_42">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第42关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_41" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_43" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_42" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_42_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_42" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_42" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_43">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第43关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_42" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_44" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_43" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_43_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_43" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_43" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_44">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第44关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_43" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_45" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_44" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_44_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_44" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_44" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_45">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第45关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_44" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_46" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_45" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_45_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_45" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_45" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_46">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第46关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_45" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_47" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_46" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_46_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_46" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_46" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_47">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第47关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_46" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#unit_48" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_47" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_47_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_47" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_47" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="unit_48">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>第48关</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li><a href="#unit_47" data-icon="arrow-l">上一关</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
        <li><a href="#part_test" data-icon="arrow-r">下一关</a></li>
      </ul>
    </div><!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_unit_48" style="width: 100%;">本关练习</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_unit_48_2" style="width: 100%;">汇总练习</button>
      </div>
    </div><!-- ui-grid-a -->
    <p id="par_unit_48" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_unit_48" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->

<div data-role="page" id="zi_fail">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>写过的字</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li> <a href="javascript:history.back(-1)" data-icon="back">返回</a></li>
        <li> <a href="#part_test" data-icon="info">抽查测验</a></li>
        <li> <a href="#report" data-icon="star">报告</a></li>
      </ul>
    </div> <!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
<!--
    <div class="ui-grid-a">
      <div class="ui-block-a">
        <button id="btn_show_zi_fail" style="width: 100%;">显示写过的字</button>
      </div>
      <div class="ui-block-b">
        <button id="btn_test_zi_fail" style="width: 100%;">测试没有通过的题</button>
      </div>
    </div>
-->
    <p id="par_zi_fail" class="par_ti" style="font-family: helvetica; text-align: left; margin: 0px; font-size: 14px;"></p>
    <p id="answer_par_zi_fail" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->

<div data-role="page" id="part_test">
  <div data-role="header">
    <h1>抽查测验</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li> <a href="javascript:history.back(-1)" data-icon="back">返回</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
        <li><a href="#report" data-icon="star">报告</a></li>
        <li><a href="#catalog" data-icon="arrow-r">下一页</a></li>
      </ul>
    </div> <!-- navbar -->
  </div><!-- header -->
  <div data-role="main" class="ui-content">
    <fieldset data-role="fieldcontain">
      <label for="select_unit">选择关卡：</label>
      <select name="select_unit" id="select_unit" multiple="multiple" data-native-menu="false">
	<option>关卡</option>
        <option value="zi_unit_1" selected>第1关</option>
        <option value="zi_unit_2" selected>第2关</option>
        <option value="zi_unit_3" selected>第3关</option>
        <option value="zi_unit_4" selected>第4关</option>
        <option value="zi_unit_5" selected>第5关</option>
        <option value="zi_unit_6" selected>第6关</option>
        <option value="zi_unit_7" selected>第7关</option>
        <option value="zi_unit_8" selected>第8关</option>
        <option value="zi_unit_9" selected>第9关</option>
        <option value="zi_unit_10" selected>第10关</option>
        <option value="zi_unit_11" selected>第11关</option>
        <option value="zi_unit_12" selected>第12关</option>
        <option value="zi_unit_13" selected>第13关</option>
        <option value="zi_unit_14" selected>第14关</option>
        <option value="zi_unit_15" selected>第15关</option>
        <option value="zi_unit_16" selected>第16关</option>
        <option value="zi_unit_17" selected>第17关</option>
        <option value="zi_unit_18" selected>第18关</option>
        <option value="zi_unit_19" selected>第19关</option>
        <option value="zi_unit_20" selected>第20关</option>
        <option value="zi_unit_21" selected>第21关</option>
        <option value="zi_unit_22" selected>第22关</option>
        <option value="zi_unit_23" selected>第23关</option>
        <option value="zi_unit_24" selected>第24关</option>
        <option value="zi_unit_25" selected>第25关</option>
        <option value="zi_unit_26" selected>第26关</option>
        <option value="zi_unit_27" selected>第27关</option>
        <option value="zi_unit_28" selected>第28关</option>
        <option value="zi_unit_29" selected>第29关</option>
        <option value="zi_unit_30" selected>第30关</option>
        <option value="zi_unit_31" selected>第31关</option>
        <option value="zi_unit_32" selected>第32关</option>
        <option value="zi_unit_33" selected>第33关</option>
        <option value="zi_unit_34" selected>第34关</option>
        <option value="zi_unit_35" selected>第35关</option>
        <option value="zi_unit_36" selected>第36关</option>
        <option value="zi_unit_37" selected>第37关</option>
        <option value="zi_unit_38" selected>第38关</option>
        <option value="zi_unit_39" selected>第39关</option>
        <option value="zi_unit_40" selected>第40关</option>
        <option value="zi_unit_41" selected>第41关</option>
        <option value="zi_unit_42" selected>第42关</option>
        <option value="zi_unit_43" selected>第43关</option>
        <option value="zi_unit_44" selected>第44关</option>
        <option value="zi_unit_45" selected>第45关</option>
        <option value="zi_unit_46" selected>第46关</option>
        <option value="zi_unit_47" selected>第47关</option>
        <option value="zi_unit_48" selected>第48关</option>
      </select>
    </fieldset>
    <fieldset data-role="fieldcontain">
      <label for="part_test_entry_num">测试题数：</label>
      <input type="range" name="part_test_entry_num" id="part_test_entry_num" value="10" min="2" max="238">
    </fieldset>
    <input type="button" value="开始测试" id="begin_org">
    <p id="par_part_test" class="par_ti" style="text-align: center; margin: 0px;"></p>
    <p id="answer_par_part_test" class="par" style="text-align: center; margin: 0px;"></p>
    <div>
      <button class="show_answer">查看答案</button>
    </div>
  </div><!-- content -->
</div><!-- page -->
<div data-role="page" id="report">
  <div data-role="header">
    <a href="#catalog" data-icon="home">目录</a>
    <h1>练习报告</h1>
    <button data-role="button"class="ui-btn-right"><span class="ui-li-count right-top-count" style="position: relative; right: 0em;"></span></button>
    <div data-role="navbar">
      <ul>
        <li> <a href="javascript:history.back(-1)" data-icon="back">返回</a></li>
        <li><a href="#zi_fail" data-icon="info">练习本</a></li>
      </ul>
    </div> <!-- navbar -->
  </div><!-- header -->
  <div data-role="content">
    <table>
      <tbody>
        <tr>
          <td>任&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务<td>
            <td>四年级上册语文词语表</td>
        </tr>
        <tr>
          <td>用&nbsp;&nbsp;户&nbsp;&nbsp;名<td>
          <td id="report_name"></td>
        </tr>
        <tr>
          <td>时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长<td>
          <td id="report_time"></td>
        </tr>
        <tr>
          <td>练习得分<td>
          <td id="report_score"></td>
        </tr>
        <tr>
          <td>练习次数<td>
          <td id="report_pass_time"></td>
        </tr>
        <tr>
          <td>测试得分<td>
          <td id="report_test_score"></td>
        </tr>
        <tr>
          <td>测试范围<td>
          <td id="report_select_unit"></td>
        </tr>
        <tr>
          <td>测试数量<td>
          <td id="report_test_num"></td>
        </tr>
<!--
        <tr>
          <td>有效点击<td>
          <td id="report_valid_click"></td>
        </tr>
        <tr>
          <td>中性点击<td>
          <td id="report_neutral_click"></td>
        </tr>
        <tr>
          <td>无效点击<td>
          <td id="report_invalid_click"></td>
        </tr>
-->
        <tr>
          <td>最长间隔<td>
          <td id="report_max_internal_time"></td>
        </tr>
<!--
        <tr>
          <td>单位时长<td>
          <td id="report_each_maxtime"></td>
        </tr>
-->
        <tr>
          <td>开始日期<td>
          <td id="report_start_date"></td>
        </tr>        <tr>
          <td>开始时间<td>
          <td id="report_start_time"></td>
        </tr>
        <tr>
          <td>报告时间<td>
          <td id="report_end_time"></td>
        </tr>
      </tbody>
    </table>
  </div><!-- content -->
</div><!-- page -->
</body>
</html>